<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>

  <title>申请贷款</title>
</head>
<body>
  <%- include src/pages/common/header.html -%>

  <div class="content loan">
    <div class="main-container">
        <div class="loan__steps">
            <ol class="steps">
              <li class="steps__item active">
                <span class="steps__indicator">1</span>
                <div class="steps__inner">身份验证</div>
              </li>
              <li class="steps__item active">
                <span class="steps__indicator">2</span>
                <div class="steps__inner">视频面签</div>
              </li>
              <li class="steps__item">
                <span class="steps__indicator">3</span>
                <div class="steps__inner">完成签署</div>
              </li>
            </ol>
        </div>

        <div class="stepanel record">
          <span class="stepanel__arrow nobar"></span>

          <div class="recorder">
            <div class="recorder__toolbar">
              <div class="toolbar__item">
                <i class="toolbar__icon toolbar__icon--record"></i>
                <label class="toolbar__label">开始录制</label>
              </div>
              <div class="toolbar__item">
                <i class="toolbar__icon toolbar__icon--pause"></i>
                <label class="toolbar__label">停止录制</label>
              </div>
            </div>
          </div>

          <div class="record__guide">
            <div class="guide__notice">
              注意:请调整好摄像头角度以后点击开始录制,并按照下述提示录制视频.
            </div>

            <ol class="guide__terms">
              <li class="terms__item">
                <span class="terms__no">1</span>
                请面对屏幕微笑
              </li>
              <li class="terms__item">
                <span class="terms__no">2</span>
                请展示身份证正面，并保证您和身份证都能清晰入境
              </li>
              <li class="terms__item">
                <span class="terms__no">3</span>
                请展示身份证反面，并保证您和身份证都能清晰入境
              </li>
              <li class="terms__item">
                <span class="terms__no">4</span>
                请朗读以下文字
              </li>
            </ol>
            <blockquote class="guide__quote">
              <p class="quote__para">
                我：【姓名】，我自愿为重庆伟仕小额贷款有限公司与【贷款企业名称】于【借款合同签订日期YYYY年MM月DD日】签订的借款合同提供连带责任担保。
              </p>
              <p class="quote__para">该借款合同编号为【借款合同编号】</p>
              <p class="quote__para">借款用途为【借款合同借款用途】</p>
              <p class="quote__para">借款本金数额为：【借款合同本金数额】</p>
              <p class="quote__para"> 我已充分阅读借款合同，以上内容属实。<i class="quote__close"></i></p>
            </blockquote>
            <button class="btn btn-primary guide__submit">提交</button>
          </div>
        </div>
    </div>
  </div>

  <%- include src/pages/common/footer.html -%>
  <%- include src/pages/common/scripts.html -%>

</body>
</html>